<script setup>
// 默认普通定义的数据非响应式
// 定义响应式数据
// reactive(需要导入)
// 用法：  const state=reactive({num:1})  state.num++
// reactive(只接收复杂数据类型)
import { reactive } from 'vue'
// let num = 1

const state = reactive({
  num: 1
})

const btnClick = () => {
  // num++
  state.num++
  console.log(state)
}
</script>

<template>
  <div class="about-page">
    <h1>{{ state.num }}</h1>
    <button @click="btnClick">修改num</button>
  </div>
</template>

<style scoped></style>
